<template>
  <div id="app">
    <topBar ref="topBar" />
    <transition name="homeTog" mode="out-in">
      <router-view />
      
    </transition>
    <footerBar />
    <!-- <play /> -->
    <myplay />
    
    <!-- <AudioPlay></AudioPlay> -->
  </div>
</template>

<script>
import topBar from "./components/header/header.vue"; // 引入header组件
import play from "./components/footer/playMusic.vue";
import myplay from './components/myPlay/index.vue'
import footerBar from './components/footer/index.vue'
import "./assets/css/public.css";
// import AudioPlay from "./components/myPlay/audioPlay.vue";
export default {
  components: {
    topBar,
    play,
    myplay,
    footerBar,
    // AudioPlay
},
};
</script>